<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <%--<meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">--%>
    <meta name="viewport" content="width=device-width, initial-scale=0.3, user-scalable=0, minimum-scale=0, maximum-scale=5.0,user-scalable=yes">
    <link rel="stylesheet" type="text/css" href="/css/street/street.css"/>
    <style>
        input[type=text]{
            border:1px solid #ddd;
        }
        .formUl li .dataul {
            width: 256px;
            height: 75px;
            padding: 5px 10px;
            border-radius: 4px;
            vertical-align: middle;
            margin-left: 10px;
            border: 1px solid #ccc;
            overflow-y: auto;
        }
        .formUl li .dataul li {
            float: left;
            width: 60px;
            height: 60px;
            position: relative;
            margin-right: 10px;
            margin-bottom: 10px;
            margin-top: 5px;
        }
        .formUl li .dataul li img {
            width: 100%;
            height: 100%;
        }
        .M-box .active, .M-box1 .active, .M-box2 .active, .M-box3 .active{
            border: 1px solid #00a0e9!important;
            background: #00a0e9!important;
        }
        .M-box a:hover, .M-box1 a:hover, .M-box2 a:hover, .M-box3 a:hover{
            color: #fff;
            background: #00a0e9!important;
        }
        table tr td{
            font-size: 14px;
        }
        .jump-ipt{
            width:35px;
            height:35px;
            margin-right:20px;
        }
    </style>
    <link rel="stylesheet" href="/css/officialDocument/officialDocument.css">
    <link rel="stylesheet" href="/lib/pagination/style/pagination.css">
    <script src="/js/jquery/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/jquery.form.min.js"></script>
    <script src="/lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/street/queryStatistics.js" type="text/javascript" charset="utf-8"></script>
    <title>巡检查询</title>
</head>
<body>
<div class="header">
    <img src="/img/icon_unitManagement.png" class="fl" style="margin-top: 7px;">
    <div class="headertitle"> 巡检查询</div>
    <div class="empty">
    </div>
</div>
<div class="mainBg" style="background: #f7f7f7;padding-top: 45px;display: none">
    <form action="/gridCheck/selectList"  id="datasave">
        <input type="hidden" name="page">
        <input type="hidden" name="pageSize">
        <input type="hidden" name="exportId">
        <div class="queryStatistics">
            <p>输入查询条件</p>
            <ul class="inputWidth" style="background: #fafafa">
                <li class="clearfix">
                    <span>社区名称：</span>
                    <label>
                        <input placeholder="请输入社区名称" name="gridName" type="text">
                    </label>
                </li>
                <li class="clearfix">
                    <span>巡检类型：</span>
                    <label>
                        <select name="checkType" id="">
                            <option value="">请选择</option>
                        </select>
                    </label>
                </li>
                <li class="clearfix">
                    <span>巡检时间：</span>
                    <label>
                        <input type="text" name="newsTime" readonly="readonly" onclick="laydate({format:'YYYY-MM-DD hh:mm:ss',istime:true})" placeholder="请选择开始时间" style="width: 32%">
                        <span style="float: left">至</span>
                        <input type="text" name="lastEditTime" readonly="readonly" onclick="laydate({format:'YYYY-MM-DD hh:mm:ss',istime:true})" placeholder="请选择结束时间" style="width: 33%">
                    </label>
                </li>
                <li class="clearfix">
                    <span>巡检员：</span>
                    <label>
                        <input type="text" readonly="readonly" placeholder="请选择巡检员" id="inspection"><a style="margin-left: 10px; font-size: 14px;"  href="javascript:void (0)" class="inspection">选择</a>
                        <input type="hidden" name="userId">
                    </label>
                </li>
                <li class="clearfix" style="padding-bottom: 20px;border-bottom: 1px solid #ddd">
                    <span>问题：</span>
                    <label>
                        <input placeholder="请输入问题" name="checkInfo"  type="text">
                    </label>
                </li>
            </ul>
            <div class="clearfix" style="height: 57px;line-height: 57px">
                <a href="javascript:void (0)" class="theQuery" style="margin-top: 16px;margin-left: 144px">查询</a>
                <a href="javascript:void (0)" class="filling fillingOne" style="margin-top: 16px;margin-left: 12px">导出</a>
                <a href="javascript:void (0)" class="filling fillingTwo" style="margin-top: 16px;margin-left: 12px">重填</a>
            </div>
        </div>
    </form>



</div>

<div class="mainData" style="">
    <div style="margin: 0 auto;margin-top: 46px;height: 60px;width: 97%;" class="clearfix">
        <%--<label class="fl" style="margin-top: 16px;">--%>
        <%--<button type="button" class="Query fl">导出</button>--%>
        <%--</label>--%>

        <label class="fl clearfix" style="margin-top: 16px;margin-left: 10px;display: none">
            <button type="button" class="Query fl QueryTwo">返回</button>
        </label>
    </div>
    <div class="pagediv" style="margin: 0 auto;width: 97%;">
        <table>
            <thead>
            <tr>
                <th>序号</th>
                <th>社区名称</th>
                <th>巡查时间</th>
                <th>巡查员</th>
                <th>检查类型</th>
                <th>填表时间</th>
                <th>是否处理事件</th>
            </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <div id="dbgz_page" class="M-box3 fr"></div>
</div>



<script>

    $('.mainBg').height($(document).height()-$('.header').height())

    ajaxPage.data.pageSize=10;
    ajaxPage.data.page=1;
    ajaxPage.page(1)
    $('.theQuery').trigger('click');
    $('.headertitle').text('巡检记录')
    document.title='巡检记录';
</script>
</body>
</html>
